html,body{background:#eee;font-size:13px;color:#595959;}

a{text-decoration:none; color:#3B5998;}
h1,h2{color:#BBBBBB;}
h2{font-size:16px;color:#888;}

pre{font-size:13px;}

ul,ol{margin:10px 0;}
ul li{list-style:disc;list-style-position:inside;}
ol li{list-style:decimal;list-style-position:inside;}
#frm_login {
    margin: 5% auto 0;
    width: 300px;
	font-size:13px;
}
#frm_login .input{
	border:1px solid #CCC;
	padding:2px;
	width:200px;
}
#frm_login input.error{
	border:1px solid #CC0000;
	padding:2px;
}
#frm_login a:hover{text-decoration:underline;}
#frm_forgot {
    margin: 5% auto 0;
    width: 500px;
	font-size:13px;
}
#frm_forgot table{margin:0 auto;}
#frm_login td ,#frm_forgot td{
    padding: 5px;
}
#frm_login th {
	text-align:left;	
}
#header{
	padding:5px;
	display:block;
	/*background:url(../images/header.png) top left repeat-x;*/
	border-bottom:1px solid #8b8b8b;
	line-height:15px;
	
}
#header img{
	float:left;
	display:inline-block;
	margin:0 10px 0 0;
}
#header h1{
	margin-top:20px;
	color:#AB1E6B;
	text-shadow:0 1px 0 #FFFFFF;
	font-size:30px;
}
#header h2{
	color:#555;
	text-shadow:0 1px 0 #FFFFFF;
	font-size:20px;
}

#header .logo{
	float:left; 
	width:540px;
}
#header .user_data{
	float:right; 
	text-align:right;
}

#container{
	margin:20px auto;
	padding:0;
	width:98%;
}
#container h1{
	color:#7a7a7a;
}
#content{
	padding:10px;
	border:1px solid #cacaca;
	border-top:none;
	background:#fff;
	position:relative;
}

#footer{
	
}

.head{
	text-align:center;
	font-size:16px;
	line-height:25px;
	padding:0 0 10px;
	}

.list li{
	list-style:none;
	padding:10px 0;
	border-bottom:1px dotted #ccc;
}
.list li a img{
	border:2px solid white;
	float:left;
	margin-left:4px;
	outline:1px solid #E4E4E4;
}
.list li span{
	display:inline-block;
	margin-left:5px;
}

.tag{
	display:inline-block;
	margin:5px 0 0 5px;
	padding:3px 8px 5px 8px;
	background:#0080c0;
	color:#fff;
	font-size:12px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.number{text-align:right;}
.author-info{
	margin:10px 0;
	display:block;
	padding:5px;
	border:1px solid #ccc;
	background:#eee;
}
.author-info img{
	float:left;
	margin-right:5px;
}

#breadcrumb
{
   /*
 font: 11px Arial, Helvetica, sans-serif;
*/
    background-image:url('../images/bc_bg.png'); 
    background-repeat:repeat-x;
    height:30px;
    line-height:30px;
	text-shadow:0 1px 0 #FFFFFF;
    border:solid 1px #cacaca;
    /*
width:100%;
*/
    overflow:hidden;
    margin:0px;
    padding:0px;
}
#breadcrumb li 
{
    list-style-type:none;
    float:left;
    padding-left:10px;
}
#breadcrumb a,#breadcrumb span
{
    height:30px;
    display:block;
    background-image:url('../images/bc_separator.png'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#555;
	text-shadow:0 1px 0 #FFFFFF;
}

.home
{
    border:none;
    margin: 8px 0px;
}

#breadcrumb a:hover
{
	color:#d7ac00;
}

.acc_number{float:right;position:absolute;top:10px;right:10px;color:#888;}
.num {text-align:right;}
#question li{
	list-style-type:none; 
	background: none repeat scroll 0 0 #FFF;
    list-style: none outside none;
    margin-bottom: 8px;
	padding:8px;
	border:1px solid #d1d1d1;
}
.answer{
	border:1px solid #d1d1d1;
	padding:8px; background:#FFF;
}
#question li .name {
    color: #3B5998;
    font-size: 14px;
    padding:0 0 0 16px;
	background:url(../images/user.png) center left no-repeat;
}
#question li .time {
    color: #808080;
	font-size: 14px;
	padding:0 0 0 16px;
	background:url(../images/calendar.png) center left no-repeat;
}

#question li .question_edit{
	margin:8px 0 0 0;
	padding:8px 0 0 0;
	color:#999;
	font-size:12px;
	font-style:italic;
}
.question-detail,.answer-detail{
	line-height:20px;
}
#question li .description{
	margin:20px 0 0 0;
	padding:8px 0 0 0;
	border-top:1px dashed #d1d1d1;
}
#question .question-title{
	color:#FFF;
	font-size:16px;
	padding:10px;
	font-weight: bold;
	background:#4C6E9C;
}

.answer-title{
	color:#333;
	font-size:16px;
	padding:10px;
	font-weight: bold;
	background:#CCC;
}

#question .answer_id
{
	padding:0 0 15px;
	font-weight:bolder;
}


.button {
	font: 12px "Tahoma",sans-serif;
	color:black;
    display: inline-block;
    margin: 0 5px 0 0;
	background: url("../images/back_white.jpg") repeat-x scroll left top #DFDFDF;
    border: 1px solid white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 4px 8px;
	text-transform: capitalize;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #BBB;
	
	cursor: pointer;
}

.button:hover {
	background: white url("../images/back_white_hover.jpg") repeat-x left top;
}

.edit {
    background: url("../images/edit.png") no-repeat scroll center center transparent;
}

.addnew {
    background: url("../images/addnew.png") no-repeat scroll center center transparent;
}

.goback {
    background: url("../images/goback.png") no-repeat scroll center center transparent;
}

.send {
    background: url("../images/send.png") no-repeat scroll center center transparent;
}

.table_money {
    background: url("../images/table-money.png") no-repeat scroll center center transparent;
}

.bank {
    background: url("../images/bank.png") no-repeat scroll center center transparent;
}

.coin {
    background: url("../images/coins.png") no-repeat scroll center center transparent;
}

.clipboard {
    background: url("../images/clipboard.png") no-repeat scroll center center transparent;
}

.cancel {
    background: url("../images/cancel.png") no-repeat scroll center center transparent;
}

.save {
    background: url("../images/save.png") no-repeat scroll center center transparent;
}

.question {
    background: url("../images/question.png") no-repeat scroll center center transparent;
}

.print {
    background: url("../images/print.png") no-repeat scroll center center transparent;
}

.view {
    background: url("../images/view.gif") no-repeat scroll center center transparent;
}

.accept {
    background: url("../images/accept.png") no-repeat scroll center center transparent;
}

.icon_text {
    float: left;
    height: 16px;
    margin-right: 5px;
    width: 16px;
}
.require{color:#CC0000;}
.header-notice{padding:5px;font-size:12px;color:#ff8040;background:#f5f5f5;display:block;border:1px solid #e1e1e1; float:right; width:290px; margin:5px 0 0 5px;}

.print-box {position:absolute; right:-3px; top:-29px;}

.tbform.tbvoucher,.tbform.tbvoucher th{border:2px solid #333;}
.tbform.tbvoucher,.tbform.tbvoucher td{border-left:2px solid #333; border-right:2px solid #333;}
.voucher_number{position:absolute; top:10px; right:10px; text-align:right; line-height:25px;}
.tbform .signature{padding:20px 0 10px; width:33%; float:left}
.tbform .signature.border{border-left:2px solid #333; border-right:2px solid #333;}
.signature span,.signature div{float:left;}
.signature span{font-weight:bold; padding:0 0 0 10px;}
.signature div{padding:0 0 0 5px;}
.signature div p{padding:0 0 5px; text-align:center;}
.signature hr { height: 1px;border: 0; background: no-repeat; border-bottom: 1px solid #999; margin: 15px 0 5px; width:200px;}

/* Status */
.status-0{color:#959595;}
.status-1{color:#ff8040;}
.status-3{color:#ff0000;}
.status-2{color:#008000;}